@define-mixin icon $name, $width, $height, $position, $vertical {
    .icon-$(name) {
        display: inline-block;
        background: url('../images/icon.png');
        width: $width;
        height: $height;
        background-position: $position;
        vertical-align: $vertical;
    }
}

/*头部-搜索*/
@mixin icon search, 18px, 18px, -1px 0, baseline;

/*头部-用户*/
@mixin icon account, 16px, 16px, -1px -21px, baseline;

/*底部-文件*/
@mixin icon bottom-file, 32px, 36px, -102px 0, -2px;


/*返回顶部*/
@mixin icon totop, 23px, 24px, -84px -303px, -7px;



/*首页*/

/*轮播切换-左箭头*/
@mixin icon prev-arrow, 16px, 30px, 0 -40px, baseline;

/*轮播切换-右箭头*/
@mixin icon next-arrow, 16px, 30px, 0 -73px, baseline;


/*本月签署概况-待处理*/
@mixin icon wait-handle, 21px, 24px, -1px -109px, baseline;

/*本月签署概况-已处理*/
@mixin icon has-handle, 20px, 24px, -1px -135px, baseline;

/*本月签署概况-已完成*/
@mixin icon has-ok, 21px, 24px, -1px -161px, baseline;

/*账户信息-名称*/
@mixin icon account-name, 24px, 19px, -1px -189px, -4px;

/*账户信息-账号*/
@mixin icon account-number, 24px, 24px, -1px -210px, -7px;

/*账户信息-注册时间*/
@mixin icon account-time, 24px, 24px, -1px -237px, -8px;


/*文档管理页*/

/*侧边栏-全部文档*/
@mixin icon file-all, 21px, 24px, -45px -135px, baseline;

/*侧边栏-待签署*/
@mixin icon file-wait, 21px, 24px, -44px -135px, baseline;

/*侧边栏-已完成*/
@mixin icon file-ok, 21px, 24px, -44px -161px, baseline;

/*翻页-右箭头*/
@mixin icon page-next, 8px, 16px, -80px -57px, -2px;

/*翻页-左箭头*/
@mixin icon page-prev, 8px, 16px, -70px -40px, -2px;


/*文档签署页*/

/*文档-word*/
@mixin icon form-word, 26px, 30px, 0px -265px, -6px;

/*文档-头像*/
@mixin icon infor-user, 14px, 16px, -38px -265px, -2px;
@mixin icon infor-yellow-user, 14px, 16px, -67px -265px, -2px;


/*文档-日历*/
@mixin icon infor-calendar, 16px, 15px, -38px -284px, -2px;
@mixin icon infor-yellow-calendar, 16px, 15px, -67px -284px, -2px;


/*文档-同意签署*/
@mixin icon infor-agree, 18px, 14px, -38px -237px, -2px;

/*文档-下载*/
@mixin icon infor-download, 18px,18px, -38px -304px, -3px;

/*文档-收藏*/
@mixin icon infor-state, 16px, 16px, -67px -303px, -2px;

/*文档-签署成功*/
@mixin icon infor-sign-success, 90px, 80px, -97px -90px, -2px;



/*用户中心页面*/
/*侧边栏-信息管理*/
@mixin icon user-infor, 24px, 20px, -44px -193px, -4px;

/*侧边栏-签名管理*/
@mixin icon user-sign, 24px, 19px, -1px -189px, -4px;

/*侧边栏-修改密码*/
@mixin icon user-password,  21px, 24px, -101px -193px, -4px;


/*登录注册验证提示*/
@mixin icon warn-ok,  16px, 16px, -145px -10px, -3px;

@mixin icon warn-fail,  16px, 16px, -145px -28px, -3px;

@mixin icon checkbox,  10px, 8px, -145px 0, baseline;

/*企业认证页面*/
/*企业认证-上传*/
@mixin icon upload,  18px, 18px, -145px -48px, -4px;




/*弹窗*/

/*弹窗-关闭*/
@mixin icon close, 24px, 24px, -67px -237px, 0;
.icon-close{
	cursor: pointer;
	transition: transform .2s ease-out 0s;
	&:hover{
		bgp:-5px -307px;
		  transform: rotate(180deg);
	}
}

/*弹窗-灯泡*/
@mixin icon lamp, 36px, 36px, -102px -237px, 0;









